     /*=================================中小型笔记本或大平板 laptop /*=================================*/
    
    @media screen and (max-width: 1680px) {
        .product_list ul{
            width: 92%;
            margin: 0 auto;
            margin-top:20px;
        }
        .product_list ul li figure{
            width:auto;
            height:auto;
        }
        .news_list ul{
            width: 92%;
            margin: 0 auto;
            margin-top: 35px;
        }
        .news_list ul li figure{
            width:auto;
            height:auto;
        }
        .footer ul li{
            padding-right: 80px;
        }
        

    }


    
    @media screen and (max-width: 1600px) {
        

    }


    @media screen and (max-width: 1440px) {
        .footer_top ul{
            width: 92%;
            margin: 0 auto;
        }    
        .footer ul li{
            padding-right:40px;
        }  
        

    }



    @media screen and (max-width: 1360px) {

        .footer_top{
            display: none;
        }

    }



















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
  			.footer_top{
                display: none;
            }
            .copy a{
                display: none;
            }
            .copy{
                width: 92%;
                margin: 0 auto;
                line-height: 1.6;
                height: 60px;
                padding:8px 0;
            }
            .menu{
                display: block;
                float: right;
             }
            .menu_down{
                position: absolute;
                left:0;
                z-index: 9999999;
                width: 100%;
                padding-bottom: 22px;
                background:rgba(208,51,51,0.9);
              }
            .menu_down li{
                line-height: 3.5;
                text-align: center;
                border-bottom: 1px solid #fff;
                }
            .menu_down li a{
                display: block;
                font-size: 18px;
                color: #fff;
             }
            .menu span.icon-bar{
                background: #000;
                width: 26px;
                height: 2px;
                display: block;
                -webkit-transition: all 300ms ease-out; 
                -moz-transition: all 300ms ease-out;
                transition: all 300ms ease-out; 
            }
            .menu .sr-only{
                display: none;
            }
            .menu .icon-bar:nth-child(2){
                -webkit-transform: rotate(0deg) translate(0,0);
                -moz-transform: rotate(0deg) translate(0,0);
                -ms-transform: rotate(0deg) translate(0,0);
                transform: rotate(0deg) translate(0,0);
                transform-origin:top left;
            }
            .menu .icon-bar:nth-child(3){
                margin-top: 8px; 
                -webkit-transform: scale(1,1);
                -moz-transform: scale(1,1);
                -ms-transform: scale(1,1);
                transform: scale(1,1);
                -webkit-transform-origin: center center;
                -moz-transform-origin: center center;
                -ms-transform-origin: center center;
                transform-origin: center center;
            }
            .menu .icon-bar:nth-child(4){
                margin-top: 8px; 
                -webkit-transform: rotate(0deg) translate(0,0);
                -moz-transform: rotate(0deg) translate(0,0);
                -ms-transform: rotate(0deg) translate(0,0);
                transform: rotate(0deg) translate(0,0);
                transform-origin:top left;
            }
            .xz .icon-bar:nth-child(2){
                -webkit-transform: rotate(45deg) translate(4px,-3px);
                -moz-transform: rotate(45deg) translate(4px,-3px);
                -ms-transform: rotate(45deg) translate(4px,-3px);
                transform: rotate(45deg) translate(4px,-3px);
                transform-origin:0 0;
            }
            .xz .icon-bar:nth-child(3){
                opacity: 0;
            }
            .xz .icon-bar:nth-child(4){
                -webkit-transform: rotate(-45deg) translate(3px,2px);
                -moz-transform: rotate(-45deg) translate(3px,2px);
                -ms-transform: rotate(-45deg) translate(3px,2px);
                transform: rotate(-45deg) translate(3px,2px);
            }
            .header{
                display: none;
            }
            .fix_nav{
                display: none;
            }
            .banner{
                width: 100%;
                height:auto;
                margin-top:60px;
            }
            .banner_list{
                display: none;
            }
            .page1_top{
                padding:8% 0;
            }
            .page1_top p{
                padding-top: 0;
                width: 88%;
                margin: 0 auto;
                font-size:15px;
            }
            .index_title h3{
                padding-top: 5%;
                font-size: 24px;
                padding-bottom:4%;
            }
            .page1_bottom{
                height:200px;
            }
            .page1_bottom aside{
                width: 100%;
                height: 100%;
                padding-top:10%;
                padding-left: 0;
                background-position:-380px center;
            }
            .page1_bottom aside h3{
                font-size:18px;
                line-height:30px;
                text-align: center;
            }
            .inabout_list ul{
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .inabout_list ul li{
                width:100%;
            }
            .about_link{
                margin:5% auto 0 auto;
            }
            .module_page2{
                padding:8% 0;
            }
            .product_list ul{
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }
            .product_list ul li{
                width: 48%;
                margin-right: 0;
                margin-bottom: 4%;
            }
            .product_list ul li figcaption{
                padding-top:8%;
                padding-bottom: 6%;
            }
            .more{
                width:60%;
                margin-top: 6%;
            }
            .module_page3{
                padding:8% 0 4% 0;
            }
            .news_list ul{
                margin-top:2%;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .news_list ul li{
                margin-right: 0;
                margin-bottom: 6%;
                width: 100%;
            }
            .inside_banner{
                margin-top:60px;
            }
            .inside_banner figure{
                height: 160px;
            }
            .inside_banner figure img{
                height: 100%;
                object-fit:cover;
            }
            .about_page1{
                padding:8% 0;
            }
            .about_title{
                font-size: 24px;
            }
            .about_page1{
                width: 92%;
                margin: 0 auto;
            }
            .con_left{
                width: 100%;
            }
            .con_left ul{
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .con_left ul li{
                width: 100%;
                padding-top: 20px;
                margin-bottom:20px;
            }
            .con_left ul li h5{
                font-size:30px;
            }
            .con_left ul li h6{
                font-size: 14px;
            }
            .con_right{
                width: 100%;
                float: right;
            }
            .con_right img{
                width: 100%;
                object-fit: cover;
            }
            .con_left .img{
                padding-top:6%;
            }
            .about_page2 .w1200{
                width: 92%;
                margin: 0 auto;
            }
            .culture{
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .culture figcaption{
                width: 100%;
                padding:10% 0 0 4%;
            }
            .culture figcaption ul li p{
                font-size: 16px;
            }
            .about_page2{
                padding:8% 0;
            }
            .about_page3{
                height: 516px;
            }
            .cf_list ul{
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }
            .cf_list ul li{
                margin-right: 0;
                margin-bottom:6%;
                width: 48%;
            }
            .cf_list ul li figure{
                width: 100%;
                height: 125px;
            }
            .histab2_list h3{
                font-size: 30px;
            }
            .banner_position{
                left:10%;
                top:120px;
            }
            .banner_position h3{
                font-size: 30px;
                padding-bottom: 5%;
            }
            .pro_left{
                width: 80%;
                margin: 0 auto;
                float:none;
            }
            .inside_body{
                padding:8% 0;
            }
            .pro_right{
                width:92%;
                margin: 0 auto;
                float:none;
                margin-top:12%;
            }
            .porduct_lsit1 ul{
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }
            .porduct_lsit1 ul li{
                margin-right: 0;
                width:48%;
                margin-bottom: 4%;
            }
            .porduct_lsit1 ul li figcaption{
                padding:0 4%;
            }
            .porduct_lsit1 ul li figcaption i{
                right:4%;
            }
            .porduct_list2 ul li:nth-child(3n){
                margin-right: 0;
            }
            .inside_title{
                font-size: 24px;
                padding-bottom: 7%;
            }
            .news_list1{
                width: 92%;
                margin: 0 auto;
            }
            .news_list1 ul li{
                margin-right: 0;
                margin-bottom: 4%;
            }
            .news_list1 ul li figcaption{
                padding-top: 20px;
            }
            .news_list2 ul{
                width: 92%;
                margin: 0 auto;
                margin-top: 8%;
            }
            .news_list2 ul li .ul_time{
                width:30%;
            }
            .news_list2 ul li .ul_con{
                width:79%;
                padding:8% 6%;
                margin-left: 0;
                
            }
            .news_list2 ul li .ul_time h3{
                font-size: 30px;
            }
            .news_list2 ul li .ul_time h6{
                font-size: 16px;
                
            }
            .news_list2 ul li .ul_con p{
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                padding-bottom: 0;
            }
            .news_list2 ul li .ul_con h3{
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                padding-bottom: 0;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                -o-transform: translateX(0);
                transform: translateX(0);
            }
            .news_list2 ul li{
                height: 130px;
            }
            .inside_body{
                width: 92%;
                margin: 0 auto;
            }
            .dea_font h3{
                font-size: 24px;
                padding-bottom:0;
            }
            .news_dea_title{
                flex-wrap: wrap;
                padding-bottom: 4%;
            }
            .nav_down ul li a{
                display:block;
            }
            .nav_down{
                height:calc(100vh - 60px)
            }
            .nav_down2{
                height:calc(100vh - 60px)
            }
            .liuyan h3{
                font-size: 24px;
            }
            .liuyan h6{
                width: 80%;
                margin: 0 auto;
                margin-bottom: 6%;
                font-size: 18px;
            }
            .message2 li:first-child input{
                width: 100%;
                margin-bottom: 20px;
            }
            .message2 li:first-child{
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                padding-bottom: 0;
            }
            .yzm{
                width: 60%;
            }
            .jion_list ul li{
                margin-right: 0;
            }
            .jion_tc{
                width: 92%;
                margin: 0 auto;
                left:4%;
                height:auto;
                padding-top:8%;
                padding-bottom:8%;
            }
            .close{
                width: 20px;
                height: 20px;
                top:-50px;
                right:0;
            }
            .jion_tc table tr td{
                font-size: 18px;
            }
            .jion_con{
                height:auto;
            }
            .jion_tc a{
                margin-top: 5%;
            }
            .w314{
                width: 100%;
            }
            .w296{
                width: 100%;
            }
            .down_list ul{
                width: 86%;
                margin: 0 auto;
            }
            .down_list ul li{
                width: 100%;
                margin-right: 0;
            }
            .contact_page{
                padding:8% 0;
                width: 92%;
                padding-bottom: 0;
                margin: 0 auto;
            }
            .contact_title{
                font-size: 24px;
            }
            .contact_body{
                padding-top: 6%;
            }
            .contact_body h3{
                font-size:26px;
            }
            .contact_body figcaption ul li{
                line-height: 48px;
            }
            .contact_body figure{
                width: 100%;
            }
            .con_list ul{
                flex-wrap: wrap;
            }
            .con_list ul li{
                padding-top:7%;
                width: 100%;
                margin-bottom: 6%;
            }
            .con_list ul li p{
                line-height: 36px;
                font-size: 15px;
            }
            .con_list ul li h3{
                font-size: 20px;
            }
            .map{
                height: 300px;
            }
            .map img{
                height: 100%;
                object-fit: cover;
            }
            .prodea2 figure{
                width: 100%;
            }
            .prodea2 figcaption{
                width: 100%;
                margin-top: 8%;
            }
            .pro_tj{
                padding:8% 0;
            }
            .pro_tj .w1200{
                width: 92%;
                margin: 0 auto;
            }
            .pro_list3 ul li:nth-child(3n){
                margin-right: 0;
            }
            .news_list ul li figcaption h3{
                font-size: 16px;
            }
            .nav_menu{
                width: 120px;
            }
            .nav_con{
                width: 290px;
            }
            .nav_kuang{
                width: 410px;
                height: 60px;
            }
            .nav_con p{
                line-height: 60px;
                padding-right: 30px;
            }
            .nav_con a{
                line-height: 60px;
            }
            .nav_con p::after{
                left: calc(100% - 15px);
            }




    }








